<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /* - 里面现存有  100 块钱。
    
    - 如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框
    
    - 如果取钱，就减去取的钱数，之后弹出显示余额提示框
    
    - 如果显示余额，就输出余额
    
    - 如果退出，弹出退出信息提示框 */

    // 声明存款余额
    let total = 100;

    // 声明操作选项
    let op = 0;
    let num;
    while (op != 4) {
        // 输入框
        op = +prompt(`请输入您要的操作：\n1. 存钱\n2. 取钱\n3. 显示余额\n4. 退出`);

        // 存款
        if (op == 1) {
            num = +prompt('请输入要存入的金额：');
            total += num;
            alert(`你的余额是${total}`);
        }

        // 取钱
        if (op == 2) {
            num = +prompt('请输入要取出的金额：');
            total -= num;
            alert(`你的余额是${total}`);
        }

        // 显示余额
        if (op == 3) {
            alert(`你的余额是${total}`);
        }
    }
</script>

</html>